<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>INSPINIA | Dashboard</title>

    <link href="resources/css/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="resources/font-awesome/css/font-awesome.css" rel="stylesheet">

    <!-- Toastr style -->
    <link href="resources/css/plugins/toastr/toastr.min.css" rel="stylesheet">

    <!-- Gritter -->
    <link href="resources/js/plugins/gritter/jquery.gritter.css" rel="stylesheet">

    <link href="resources/css/animate.css" rel="stylesheet">
    <link href="resources/css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="resources/css/scrollbar.css"/>
    <link rel="stylesheet" href="resources/css/pluginsExt/common.css"/>

</head>

<body style='overflow: hidden'>
<nav class="navbar navbar-static-top my-nav-top" role="navigation" style="margin-bottom: 0">
    <div class="logo">
        <img src="resources/img/logo.png" alt=""/>
    </div>
    <div class="nav-header nav-user">
        <div class="user_icon">
            <a class="profile" target="profile" href="profile.html"><span class="badge">6</span><i class="fa fa-bell"></i></a>
            <a class="mailbox" target="mailbox" href="mailbox.html"><span class="badge">4</span><i class="fa fa-envelope"></i></a>
        </div>
        <div class="dropdown selUser">

            <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                <img alt="" class="img-circle" src="resources/img/profile_small.jpg">

                <span class="username">Bob</span>

                <i class="icon-angle-down"></i>

            </a>

            <ul class="dropdown-menu">

                <li><a href="profile_2.html"><i class="fa fa-user"></i>  个人信息</a></li>
                <li><a href="inbox.html"><i class="fa fa-key"></i> 修改密码 </a></li>
                <li><a href="#"><i class="fa fa-envelope"></i> 邮件</a></li>
                <li><a href="page_calendar.html"><i class="fa fa-gear"></i>  设置</a></li>

                <li class="divider"></li>

                <li><a href="extra_lock.html"><i class="fa fa-unlock-alt"></i>&nbsp; 锁屏</a></li>

                <li><a href="login.html"><i class="fa fa-power-off"></i> 退出</a></li>

            </ul>

        </div>
        <a class="logout" href="login.html"><i class="fa fa-power-off"></i></a>
    </div>
</nav>
<i class="topLine"></i>
<nav class="navbar-default navbar-static-side nav-my" role="navigation">
    <div class="sidebar-collapse" id="scroll-left" >
        <ul class="nav metismenu" id="side-menu">

        </ul>
    </div>
</nav>

<!-- Mainly scripts -->
<script src="resources/js/jquery-2.1.1.js"></script>
<script src="resources/js/bootstrap/bootstrap.min.js"></script>
<script src="resources/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="resources/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Flot -->
<script src="resources/js/plugins/flot/jquery.flot.js"></script>
<script src="resources/js/plugins/flot/jquery.flot.tooltip.min.js"></script>
<script src="resources/js/plugins/flot/jquery.flot.spline.js"></script>
<script src="resources/js/plugins/flot/jquery.flot.resize.js"></script>
<script src="resources/js/plugins/flot/jquery.flot.pie.js"></script>

<!-- Peity -->
<script src="resources/js/plugins/peity/jquery.peity.min.js"></script>
<script src="resources/js/demo/peity-demo.js"></script>

<!-- Custom and plugin javascript -->
<script src="resources/js/inspinia.js"></script>
<script src="resources/js/plugins/pace/pace.min.js"></script>

<!-- jQuery UI -->
<script src="resources/js/plugins/jquery-ui/jquery-ui.min.js"></script>

<!-- GITTER -->
<script src="resources/js/plugins/gritter/jquery.gritter.min.js"></script>

<!-- Sparkline -->
<script src="resources/js/plugins/sparkline/jquery.sparkline.min.js"></script>

<!-- Sparkline demo data  -->
<script src="resources/js/demo/sparkline-demo.js"></script>

<!-- ChartJS-->
<script src="resources/js/plugins/chartJs/Chart.min.js"></script>

<!-- Toastr -->
<script src="resources/js/plugins/toastr/toastr.min.js"></script>
<script src="resources/js/plugins/scrollbar/scrollbar.min.js"></script>
<script src="resources/js/plugins/scrollbar/mousewheel.min.js"></script>
<script src="resources/js/plugins/artTemplate/template.js"></script>
<script src="resources/js/pluginsExt/addTab.js"></script>

<script type="text/template" id="new">
    <li>
        {{each list}}
        <a href="{{$value.url}}"><i class="{{$value.icon}}"></i> <span>{{$value.name}}</span><span class="fa arrow"></span> </a>
        <ul class="nav nav-second-level collapse">
            <li>
                <a target="{{$value.id}}" class="{{$value.id}}" href="{{$value.url}}">{{$value.name}}</a>
            </li>
        </ul>
    </li>
</script>
<script>
    var data={
        list: [
            {id:1,"icon":"fa fa-home", "url":"home.html", "name":"新增控件","ajaxurl":""},
            {pid:1,"icon":" ","id":"home","url":"home.html","name":"主页"},
            {pid:1,"icon":" ","id":"bootstrapTab","url":"newModule/bootstrap-table-develop/bootstrapTab.html","name":"bootstrapTab"},
            {pid:1,"icon":" ","id":"Validate","url":"newModule/jQueryValidate/jQueryValidate.html","name":"Validate"},
            {pid:1,"icon":" ","id":"TimePicker","url":"newModule/dateTimePicker/dateTimePicker.html","name":"TimePicker"},
            {pid:1,"icon":" ","id":"fileInput","url":"newModule/bootstrap-fileinput/fileinput.html","name":"fileInput"},
            {pid:1,"icon":" ","id":"tagsInput","url":"newModule/bootstrapTagsInput/tagsInput.html","name":"tagsInput"},
            {id:2,"icon":"fa fa-edit", "url":"#", "name":"表单","ajaxurl":""},
            {pid:2,"icon":" ","id":"form_basic","url":"form_basic.html","name":"基础表单"},
            {pid:2,"icon":" ","id":"form_advanced","url":"form_advanced.html","name":"高级插件"},
            {pid:2,"icon":" ","id":"form_wizard","url":"form_wizard.html","name":"向导"},
            {pid:2,"icon":" ","id":"form_file_upload","url":"form_file_upload.html","name":"文件上传"},
            {pid:2,"icon":" ","id":"form_editors","url":"form_editors.html","name":"编辑器"},
            {pid:2,"icon":" ","id":"form_markdown","url":"form_markdown.html","name":"MarkDown"},
        ]
    }
    var html=template('new',data);
    document.getElementById('side-menu').innerHTML = html;
</script>
</body>
</html>
